<template>
  <div class="content-audit">
    <!-- 内容审核页面 -->
    <el-card
      shadow="never"
      class="aui-card--fill">
      <el-tabs
        v-model="activeTab"
        @tab-click="handleTabsClick">
        <el-tab-pane
          v-for="(item, index) in tabsList"
          :key="index"
          :name="item.key"
          :label="item.label"
        >
          <component :is="activeTab" />
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script>
import user from '../app/pages/user'
import page from '../app/pages/page'
import contentCheck from './pages/content-check'
import pictureCheck from './pages/picture-check'

export default {
  components: { user, page, contentCheck, pictureCheck },
  data () {
    return {
      tabsList: [
        // { label: '用户分析', key: 'user' },
        // { label: '页面分析', key: 'page' },
        // { label: '内容审核', key: 'contentCheck' },
        { label: '晒图审核', key: 'pictureCheck' }
      ],
      activeTab: 'pictureCheck'
    }
  },
  watch: {
    // activeTab (val) {
    //   console.log(val)
    // }
  },
  methods: {
    handleTabsClick (tab, event) {}
  }
}
</script>

<style>
.content-audit {
  /*padding: 30px;*/
  /*background-color: rgb(240, 242, 245);*/
}
</style>
